<template>
  <div class="base-one">BaseOne</div>
</template>

<script>
export default {
  data(){
    return {
      
    }
  },
  methods:{},
  computed:{},
  watch:{},
  components:{},
  beforeCreate(){},
  created(){},
  beforeMount(){},
  mounted(){},
  beforeUpdate(){},
  updated(){},
  beforeDestroy(){},
  destroyed(){},
}
</script>
<style scoped>
/* 组件内的样式：默认是作用到全局的 */
/* 加完scoped之后，可以让样式只作用到当前组件 */
/* 推荐：都加上scoped */

/* scoped原理：
 1.加上scoped之后，在渲染标签时候 会自动加一个data-v-hash值 的属性
 2.css在选择这个元素的时候 使用交集选择器 .base-one[data-v-5f6a9d56]
*/
.base-one {
  width: 200px;
  height: 200px;
  border: 1px solid red;
}
</style>